<template>
  <div>
    <van-tabs v-model="activeName">
      <van-tab title="推荐" name="a" to="/tuijian"></van-tab>
      <van-tab title="热歌" name="b" to="/rege"></van-tab>
      <van-tab title="搜索" name="c" to="/sousuo"></van-tab>
    </van-tabs>
    <!-- 显示子页面的区域 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  data () {
    return {
      activeName: 'a',
    };
  },
}
</script>

<style scoped>

</style>